<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
  1.我们的index.html文件是存放在项目的根目录下的。
       - 我们知道，在真实发布项目时，发布的是dist文件夹中的内容，但是dist文件夹中如果没有index.html文件，
         那么打包的js等文件也就没有意义了。
       - 所以，我们需要将index.html文件打包到dist文件夹中，这个时候就可以使用HtmlWebpackPlugin插件
  2.HtmlWebpackPlugin插件可以为我们做这些事情：
       - 自动生成一个index.html文件(可以指定模板来生成)
       - 将打包的js文件，自动通过script标签插入到body中
  3.安装HtmlWebpackPlugin插件
       - 运行npm install html-webpack-plugin@3.2.0 --save-dev
       - 在webpack.config.js文件中引入插件
           const HtmlWebpackPlugin=require('html-webpack-plugin')
       - 在webpack.config.js文件中配置插件
          plugins:[
             new HtmlWebpackPlugin({
               template:'index.html'
             })
            ]
       - 另外，我们需要删除之前在output中添加的publicPath属性
          否则插入的script标签中的src可能会有问题


-->

<div id="app">

</div>

</body>
</html>